<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/nomalize.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../swiper/swiper-bundle.css">
    <link rel="stylesheet" href="../css/API分类.css">
</head>

<body>
    <!-- 头部导航栏 -->
    <div class="header">
        <div class="head-top clearfix ">
            <img class="fl" src="../imgs/api-new-logo-white.png" alt="">
            <ul class="fl head-top2 clearfix">
                <li><a href="./首页.html">首页</a></li>
                <li class="active"><a href="./API分类.html">API</a></li>
                <li><a href="#">案例</a></li>
            </ul>
            <div class="fr head-top3">
                <span><a href="./登录界面.html">登陆</a></span>
                <span class="zhuce"><a href="./注册界面.html">注册有礼</a></span>
            </div>
        </div>
    </div>
    <!-- API分类 -->
    <div class="api container">
        <!-- 头部 -->
        <div>
            <h2>API分类</h2>
            <div class="api-link">

            </div>
        </div>
        <div class="api-title">
            <span class="curType">全部</span>
            <input type="text" id="searchInp" placeholder="身份证实名验证">
            <img src="../imgs/magnifier.png" alt="">
        </div>

        <ul class="clearfix api-tab">
            <li>
                <div class="api-tab-top">
                    <img src="../imgs/API_01.jpg" alt="">
                    <h3>2021出行防疫政策指南</h3>
                    <p class="api-tab-money1">免费</p>
                </div>
                <button>申请数据</button>
            </li>

            <!-- <li>
                <div class="api-tab-top">
                    <img src="../imgs/API_02.jpg" alt="">
                    <h3>身份证实名验证</h3>
                    <p class="api-tab-money2">￥0.2000/次</p>
                </div>
                <span>企业专用</span>
                <button>申请数据</button>
            </li>

            <li>
                <div class="api-tab-top">
                    <img src="../imgs/API_03.jpg" alt="">
                    <h3>天气预报</h3>
                    <p class="api-tab-money1">免费</p>
                </div>
                <button>申请数据</button>
            </li>

            <li>
                <div class="api-tab-top">
                    <img src="../imgs/API_04.jpg" alt="">
                    <h3>银行卡四元素效验</h3>
                    <p class="api-tab-money2">￥0.3360/次</p>
                </div>
                <span>企业专用</span>
                <button>申请数据</button>
            </li>

            <li>
                <div class="api-tab-top">
                    <img src="../imgs/API_05.jpg" alt="">
                    <h3>短信API服务</h3>
                    <p class="api-tab-money2">￥0.0400/次</p>
                </div>
                <span>企业专用</span>
                <button>申请数据</button>
            </li> -->
        </ul>

        <!-- <ul class="clearfix api-tab">
            <li>
                <div class="api-tab-top">
                    <img src="../imgs/API_01.jpg" alt="">
                    <h3>2021出行防疫政策指南</h3>
                    <p class="api-tab-money1">免费</p>
                </div>
                <button>申请数据</button>
            </li>

            <li>
                <div class="api-tab-top">
                    <img src="../imgs/API_02.jpg" alt="">
                    <h3>身份证实名验证</h3>
                    <p class="api-tab-money2">￥0.2000/次</p>
                </div>
                <span>企业专用</span>
                <button>申请数据</button>
            </li>

            <li>
                <div class="api-tab-top">
                    <img src="../imgs/API_03.jpg" alt="">
                    <h3>天气预报</h3>
                    <p class="api-tab-money1">免费</p>
                </div>
                <button>申请数据</button>
            </li>

            <li>
                <div class="api-tab-top">
                    <img src="../imgs/API_04.jpg" alt="">
                    <h3>银行卡四元素效验</h3>
                    <p class="api-tab-money2">￥0.3360/次</p>
                </div>
                <span>企业专用</span>
                <button>申请数据</button>
            </li>

            <li>
                <div class="api-tab-top">
                    <img src="../imgs/API_05.jpg" alt="">
                    <h3>短信API服务</h3>
                    <p class="api-tab-money2">￥0.0400/次</p>
                </div>
                <span>企业专用</span>
                <button>申请数据</button>
            </li>
        </ul>

        <ul class="clearfix api-tab">
            <li>
                <div class="api-tab-top">
                    <img src="../imgs/API_01.jpg" alt="">
                    <h3>2021出行防疫政策指南</h3>
                    <p class="api-tab-money1">免费</p>
                </div>
                <button>申请数据</button>
            </li>

            <li>
                <div class="api-tab-top">
                    <img src="../imgs/API_02.jpg" alt="">
                    <h3>身份证实名验证</h3>
                    <p class="api-tab-money2">￥0.2000/次</p>
                </div>
                <span>企业专用</span>
                <button>申请数据</button>
            </li>

            <li>
                <div class="api-tab-top">
                    <img src="../imgs/API_03.jpg" alt="">
                    <h3>天气预报</h3>
                    <p class="api-tab-money1">免费</p>
                </div>
                <button>申请数据</button>
            </li>

            <li>
                <div class="api-tab-top">
                    <img src="../imgs/API_04.jpg" alt="">
                    <h3>银行卡四元素效验</h3>
                    <p class="api-tab-money2">￥0.3360/次</p>
                </div>
                <span>企业专用</span>
                <button>申请数据</button>
            </li>

            <li>
                <div class="api-tab-top">
                    <img src="../imgs/API_05.jpg" alt="">
                    <h3>短信API服务</h3>
                    <p class="api-tab-money2">￥0.0400/次</p>
                </div>
                <span>企业专用</span>
                <button>申请数据</button>
            </li>
        </ul>

        <ul class="clearfix api-tab">
            <li>
                <div class="api-tab-top">
                    <img src="../imgs/API_01.jpg" alt="">
                    <h3>2021出行防疫政策指南</h3>
                    <p class="api-tab-money1">免费</p>
                </div>
                <button>申请数据</button>
            </li>

            <li>
                <div class="api-tab-top">
                    <img src="../imgs/API_02.jpg" alt="">
                    <h3>身份证实名验证</h3>
                    <p class="api-tab-money2">￥0.2000/次</p>
                </div>
                <span>企业专用</span>
                <button>申请数据</button>
            </li>

            <li>
                <div class="api-tab-top">
                    <img src="../imgs/API_03.jpg" alt="">
                    <h3>天气预报</h3>
                    <p class="api-tab-money1">免费</p>
                </div>
                <button>申请数据</button>
            </li>

            <li>
                <div class="api-tab-top">
                    <img src="../imgs/API_04.jpg" alt="">
                    <h3>银行卡四元素效验</h3>
                    <p class="api-tab-money2">￥0.3360/次</p>
                </div>
                <span>企业专用</span>
                <button>申请数据</button>
            </li>

            <li>
                <div class="api-tab-top">
                    <img src="../imgs/API_05.jpg" alt="">
                    <h3>短信API服务</h3>
                    <p class="api-tab-money2">￥0.0400/次</p>
                </div>
                <span>企业专用</span>
                <button>申请数据</button>
            </li>
        </ul> -->

        <div class="api-num">
            <a class="api-num1" href="#">1</a>
            <a href="#">2</a>
            <a href="#">3</a>
            <a href="#">4</a>
            <a href="#">5</a>
            <a href="#">6</a>
            <a href="#">7</a>
            <a href="#">8</a>
            <span>......</span>
            <a class="api-num2" href="#">下一页 ></a>
        </div>
    </div>

    <!-- 蒙版 -->
    <div class="mask">
        <!-- 账号登陆 -->
        <div class="mask-modal">
            <img src="../imgs/loginlogo.png" alt="">
            <div class="mask-dl">
                <span class="mask-dl1">
                    登陆账号
                </span>
                <span class="mask-dl2"></span>
                <span class="mask-dl3">
                    扫码登陆
                </span>
            </div>
            <div class="mask-zh">
                <div class="mask-int">
                    <p class="mask-int1"></p>
                    <input type="text" placeholder="用户名/手机号/邮箱">
                    <span id='userMsg' class="userMsg"></span>
                    <img src="../imgs/clearInput.png" alt="">

                </div>
                <div class="mask-subint">
                    <p class="mask-int2"></p>
                    <input type="password" placeholder="密码">
                    <span id='pwdMsg' class="pwdMsg"></span>
                    <img src="../imgs/clearInput.png" alt="">
                </div>
                <p class="mask-pwd">忘记密码</p>
                <button class="mask-btn">登陆</button>
                <p class="mask-title">
                    还没有源码账号，
                    <a href="./注册界面.html">立即注册</a>
                    <span></span>
                </p>
            </div>
            <!-- 扫码登陆 -->
            <div class="mask-sm">
                <div class="mask-box">
                    <img src="../imgs/showqrcode.jpg" alt="">
                    <p>微信扫码登录</p>
                    <p>未关注源码科技公众号，请先关注后再登录</p>
                </div>
                <p class="mask-title">
                    还没有源码账号，
                    <a href="./注册界面.html">立即注册</a>
                    <span></span>
                </p>
            </div>

        </div>
    </div>
    



    <!-- 尾部 -->
    <div class="footer">
        <div class="container clearfix">
            <ul>
                <p>联系与支持</p>
                <li>400-882-7715</li>
                <li>售前咨询</li>
                <li>客服&售后</li>
                <li>常见问题</li>
                <li>极速工单</li>
                <li>投诉与建议</li>
            </ul>

            <ul>
                <p>关于源码</p>
                <li>400-882-7715</li>
                <li>售前咨询</li>
                <li>客服&售后</li>
                <li>常见问题</li>
                <li>极速工单</li>
                <li>投诉与建议</li>
            </ul>

            <ul>
                <p>快速入口</p>
                <li>400-882-7715</li>
                <li>售前咨询</li>
                <li>客服&售后</li>
                <li>常见问题</li>
                <li>极速工单</li>
                <li>投诉与建议</li>
            </ul>

            <ul>
                <p>产品服务</p>
                <li>400-882-7715</li>
                <li>售前咨询</li>
                <li>客服&售后</li>
                <li>常见问题</li>
                <li>极速工单</li>
                <li>投诉与建议</li>
            </ul>

            <ul>
                <p>解决方案</p>
                <li>400-882-7715</li>
                <li>售前咨询</li>
                <li>客服&售后</li>
                <li>常见问题</li>
                <li>极速工单</li>
                <li>投诉与建议</li>
            </ul>
            <div class="foot-right fr">
                <h5>微信公众号</h5>
                <p>源码时代</p>
                <img src="../imgs/wechat-white.png" alt="">
            </div>
        </div>

        <div class="foot-bm">
            <img src="../imgs/bei2.png" alt="">
            <img src="../imgs/bei1.png" alt="">
            增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
            <span>源码大数据股份有限公司©版权所有</span>
        </div>
    </div>
    <!-- 回到顶部 -->
    <div class="stop"></div>
    <script src="../js/AIP分类.js"></script>
</body>

</html>